import { Category } from '../../../interface';
import './category-item.component.scss';
const CategoryItem = ({ title, imageUrl }: Category) => {
  return (
    <div className="category-container">
      <div
        className="background-image"
        style={{ backgroundImage: `url(${imageUrl})` }}
      />
      <div className="category-body-container">{title}</div>
    </div>
  );
};

export default CategoryItem;
